<ion-header  style="margin-top:10%">
    <div class="ion-box">
        <ion-icon name="close" class="close" appDebounceClick (debounceClick)="dismiss()">百度地图</ion-icon>
        <span  appDebounceClick (debounceClick)="dismiss()" class="fr f16 p5">完成</span>
    </div>
</ion-header>
<ion-content>
        <!-- <div class="ion-box">
                <ion-icon name="close" class="close" appDebounceClick (debounceClick)="dismiss()">百度地图</ion-icon>
                <span  appDebounceClick (debounceClick)="dismiss()" class="fr f16 p5">完成</span>
            </div> -->
    <div class="select">
        <!-- <select appDebounceClick (debounceClick)="openCity($event)" [(ngModel)]="selectCity.code">
            <option [value]="selectCity.code">{{selectCity.name}}</option>
        </select> -->
        <span appDebounceClick (debounceClick)="openCity()" class="city">{{selectCity.name}}</span>
        <!-- <select  [(ngModel)]="selectDistrict" (change)="openDistrict(selectDistrict.code,selectDistrict.name)"
        [compareWith]="compare">
            <option *ngFor="let dis of districts" [ngValue]="dis">{{dis.name}}</option>
        </select>
        <select [(ngModel)]="selectTradArea"  (change)="openDistrict(selectTradArea.code,selectTradArea.name)"
        [compareWith]="compare">
            <option *ngFor="let dis of tradArea" [ngValue]="dis">{{dis.name}}</option>
        </select> -->
        <!-- <span click="openPicker()">请选择</span> -->
           <span>
               <ListItem Picker
             [extra]="name4"
             [(ngModel)]="data.jointName"
             [data]="districts"
             (onPickerChange)="onPickerChange($event)"
             (ngModelChange)="onOk4($event)">
            </ListItem>
           </span> 
            
    </div>
    
     <ion-input [(ngModel)]="address" (ionChange)="changeAddress()" type="text" style="width:100%;margin-left: .5rem" placeholder="填写地址"></ion-input>
    
    <div id="{{mapId}}" class="mapContainer" style="width: 100%; height: 100%;"></div>
</ion-content>
